<template>
    <div>
        <h1>Hello Nuxt.js!</h1>
        <a href="/user">a标签 会刷新页面 走服务端渲染</a>
        <br/>
        <router-link to="/user">router link</router-link>
        <br/>
        <foo :list='list' />
    </div>
</template>
<script>
    import axios from 'axios'
    export default {
        name: 'home',
        layout: 'foo',
        components:{
            foo: () => import('@/components/foo.vue')
        },
        /**
         * asyncData 中没有this
         * 当你想要动态页面内容有利于SEO 或者提升首屏渲染速度的时候， 就在 asyncData中发请求
         */
        async asyncData() {
            const {data} = await axios.get('http://localhost:3000/app/index.json')
            return {
                title: data.title,
                list: data.list
            }
        }
    }
</script>
<style lang="scss" scoped>
    
</style>